import pinia from "../../../../Vue3-admin-project1/src/stores";
import {useUserInfoStore} from "../../../../Vue3-admin-project1/src/stores/userInfo";
import type {App} from "vue";
// 得到store对象
const userInfoStore = useUserInfoStore(pinia);

export default (app: App) => {
    // 注册全局自定义指令
    app.directive('has', {
        mounted(el, binding) {
            // console.log(el, binding.value);
            // console.log(userInfoStore.userInfo.buttons);

            // 控制按钮权限    判断该用户可以使用的按钮名称 包不包括 v-has自定义指令的值（就是按钮名称）
            if (!userInfoStore.userInfo.buttons.includes(binding.value)) {
                el.parentNode?.removeChild(el);  // 不包括 找到按钮的父节点 删除 子节点
            }
        },
    })
}